<template>
  <CommTitle/>
  <div class="left">
    <LeftOne></leftOne>
    <LeftTwo></LeftTwo>
    <LeftThree></LeftThree>
  </div>
  <div class="right">
    <RightOne></RightOne>
    <RightThree></RightThree>
    <RightTwo></RightTwo>

  </div>


</template>

<script setup>
import CommTitle from '@/components/title.vue';
import LeftTwo from "@/views/home/leftTwo";
import LeftOne from "@/views/home/leftOne";
import LeftThree from "@/views/home/leftThree";
import RightOne from "@/views/home/rightOne";
import RightTwo from "@/views/home/rightTwo";
import RightThree from "@/views/home/rightThree";

</script>

<style lang="scss" scoped>

.left {
  width: 23%;
  height: calc(100% - 100px);
  margin: 70px 0 30px 1.4%;
  float: left;
}

.right {
  width: 25%;
  height: calc(100% - 100px);
  margin: 70px 2% 30px 0;
  float: right;
}

</style>